<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>采编编辑</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--你自己的样式文件 -->
    <link href="css/cbzx_style.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<body>
<div class="container">
    <!--头部开始-->
    <div id="header">
        <h1 class="col-xs-4">
            <a href="#">集约化公共服务平台<br/><small>广东省新闻出版广电局</small></a></h1>
        <div class="r-box">
            <ul class="nav">
                <li><a class="a1" href="#"><span>采编中心</span></a></li>
                <li><a class="a2" href="#"><span>互动中心</span></a></li>
                <li><a class="a3" href="#"><span>运营中心</span></a></li>
                <li><a class="a4" href="#"><span>管理中心</span></a></li>
            </ul>
            <div class="user">
                <dl>
                    <dt><a href="#"><img src="images/header_tx.png" alt=""/></a><i>5</i></dt>
                    <dd>张大伟<br/><a href="#">退出</a></dd>
                </dl>
                <ul class="tc">
                    <li><a href="#" class="a1">消息<i>5</i></a></li>
                    <li><a href="#" class="a2">站群管理</a></li>
                    <li><a href="#" class="a3">密码管理</a></li>
                    <li><a href="#" class="a4">帮助</a></li>
                    <li><a href="#" class="a5">退出系统</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--头部结束-->
    <!--主体开始-->
    <div id="content">
        <div class="bj-con">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a class="ico01" href="#web" role="tab" data-toggle="tab">网站</a></li>
                <li role="presentation"><a class="ico02" href="#wb" role="tab" data-toggle="tab">微博</a></li>
                <li role="presentation"><a class="ico03" href="#wx" role="tab" data-toggle="tab">微信</a></li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="web">
                    <p class="row">
                        <label class="col-xs-1">所属栏目：</label>
                        <span class="col-xs-3"><select class="form-control"><option>政务要闻</option></select></span>
                        <label class="col-xs-1">标题：</label>
                        <span class="col-xs-3"><input class="form-control" type="text"/></span>
                        <label class="col-xs-1">关键字：</label>
                        <span class="col-xs-3"><input class="form-control" type="text"/></span>
                    </p>
                    <p class="row">
                        <label class="col-xs-1">生效时间：</label>
                        <span class="form-group has-feedback col-xs-3">
                        <input type="text" class="form-control">
                        <i style="right: 20px;top:10px;" class="fa fa-calendar-check-o form-control-feedback"></i>
                    </span>
                        <label class="col-xs-1">添加附件：</label>
                    <span class="form-group has-feedback col-xs-3">
                        <input type="text" class="form-control">
                        <i style="right: 20px;top:10px;" class="fa fa-plus-square-o form-control-feedback"></i>
                    </span>
                        <span class="col-xs-2">
                            <button type="button" class="btn btn-default zk">点击展开</button>
                        </span>
                    </p>
                    <p><img src="images/bj_pic.jpg" alt=""/></p>

                    <div class="btn-box">
                        <a class="a1" href="#" data-toggle="modal" data-target="#tc"><i class="fa fa-check"></i>保存稿件</a>
                        <a class="a2" href="#"><i class="fa fa-times"></i>取消</a>
                        <div class="modal fade" id="tc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header" style="border: none;">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                        <h4 class="modal-title" id="myModalLabel" style="color: #fff;">成功提示</h4>
                                    </div>
                                    <div class="modal-body"><strong>保存成功！</strong></div>
                                </div></div></div>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane wb-con" id="wb">
                    <h2 class="tit">创建微博</h2>
                    <div class="main">
                        <div class="wb-tx">
                            <a class="btn-pre" title="上一组" href="#"></a>
                            <a href="#"><img src="images/2016kfq_wb_tx01.png" alt=""/></a>
                            <a href="#"><img src="images/2016kfq_wb_tx02.png" alt=""/></a>
                            <a href="#"><img src="images/2016kfq_wb_tx03.png" alt=""/></a>
                            <a href="#"><img src="images/2016kfq_wb_tx04.png" alt=""/></a>
                            <a class="btn-next" title="下一组" href="#"></a>
                        </div>
                        <h3>
                    <span class="span-l">
                        <a class="btn" href="#">从WCM选择</a>（您可以从WCM中发布，也可以直接<a href="#">发布长微博</a> ）
                    </span>
                            <span class="span-r">您还可以输入<i>140</i>个字</span>
                        </h3>
                        <textarea></textarea>
                        <h4><a href="#" class="dis-in-b float-left"><img src="images/2016kfq_wb_bq.png" alt=""/></a><input
                                type="submit" class="btn-fb" value="发布"/></h4>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane wx-con" id="wx">
                    <h2 class="tit">群发信息</h2>
                    <div class="main">
                        <p class="row">
                            <label class="col-xs-1">群发对象：</label>
                            <span class="col-xs-3"><select class="form-control"><option>黑名单</option></select></span>
                            <label class="col-xs-1">群发地区：</label>
                            <span class="col-xs-2"><select class="form-control"><option>国家</option></select></span>
                            <span class="col-xs-2"><select class="form-control"><option>省份</option></select></span>
                            <span class="col-xs-2"><select class="form-control"><option>城市</option></select></span>
                        </p>
                        <p class="top-p"></p>
                        <textarea class="form-control" rows="8"></textarea>
                        <p class="bot-p"><a href="#"></a>您还可以输入<i>140</i>个字</p>
                    </div>
                    <p class="clearfix" style="padding:0 20px;"><input type="submit" class="btn-fb" value="发布"/></p>
                </div>
            </div>
        </div>
    </div>
    <!--主体结束-->
    <!--底部开始-->
    <div id="footer">
        北京拓尔思信息技术股份有限公司版权所有
    </div>
    <!--底部结束-->
</div>
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="js/jquery-1.11.2.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script src="js/bootstrap.min.js"></script>
<script src="js/common_js.js"></script>
</body>
</html>